<!DOCTYPE html>
<html>
<head>
	<title> MAZEMORPH</title>
	<script type="text/javascript" charset="utf-8" src="http://mazemorph.googlecode.com/svn/trunk/color.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://mazemorph.googlecode.com/svn/trunk/input.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://mazemorph.googlecode.com/svn/trunk/player.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://mazemorph.googlecode.com/svn/trunk/game.js"></script>
	
	<style type="text/css">
		h1{
			font-family:"Cambria";
			text-align:left;
			font-weight:bold;
			font-size:30px;
		}
		b{
			font-family:"Cambria";
			font-size:20px;
		}
	</style>
</head>
<body>

	<canvas id="view" width="800" height="800" style="border:1px solid #c3c3c3; 
			margin-left: auto;
			margin-right: auto;
			margin-top: auto;
			display: block;">
		Your browser does not support the HTML5 canvas tag. Go, get Firefox!
	</canvas>

	<div>
		<h1>HOW TO PLAY</h1>
		<b>Click where you want to move to. Avoid traps (red). And follow the green indicator to find the staircase (blue) <b>
	</div>

	<script>
		Input.initialize();
		Game.initialize();

		Game.fps = 60;
		Game.isRunning = true;
		Game.snd = new Audio("http://mazemorph.googlecode.com/svn/trunk/ambient.ogg"); // buffers automatically when created
		Game.snd.addEventListener('ended', function() {
								this.currentTime = 0;
								this.play();
								}, 
							false);

		Game.snd.play();
		Game.run = function() {
		setInterval(function() {
		  Game.draw();
		  Game.update();
		}, 1000 / Game.fps);
		};     

		Game.run();
	</script>

</body>
</html>

